<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>Insert title here</title>
        <link href="css/screen.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery.min.js"></script>               
        <script type="text/javascript" src="js/application.js"></script>
    </head>
    <body>
        <div id="roll-container">
            <p>The Roll Result is: <span id="roll-result"></span></p>
        </div>
        
        <br style="clear:both" />
        
        <form id="actions-form">
            <fieldset>
                <legend>Roll the dice</legend>
                <label for="attack">Attack:</label> <input type="text" name="attack" id="attack" />
                <label for="defense">Defense:</label> <input type="text" name="defense" id="defense" />
                <a href="#roll" rel="roll">Roll</a>
            </fieldset>            
        </form>        
    </body>
</html>